import { Tabs } from 'antd';
import { CheckCircleOutlined } from '@ant-design/icons';
import { QuestionCircleOutlined } from '@ant-design/icons';
import Approved from './Approved';
import WaitApproval from './waitApproval';
import All_style from '../../../index.less';

const { TabPane } = Tabs;
const Approval = () => {
  return (
    <div className={All_style.box}>
      <Tabs defaultActiveKey="1" centered>
        <TabPane
          tab={
            <span>
              <CheckCircleOutlined />
              已批复
            </span>
          }
          key="1"
        >
          <Approved />
        </TabPane>
        <TabPane
          tab={
            <span>
              <QuestionCircleOutlined />
              待批复
            </span>
          }
          key="2"
        >
          <WaitApproval />
        </TabPane>
      </Tabs>
    </div>
  );
};

export default Approval;
